<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021-04-09
  Time: 09:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>图</title>
    <c:import url="commons.jsp"></c:import>
    <!-- Bootstrap core CSS-->
    <link href="statics/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="statics/js/jquery.js"></script>
    <script src="statics/js/echarts.min.js"></script>
    <c:import url="adminNav.jsp"></c:import>
    <script>
        function showOne(){
            console.log();
            $.post("piephysicalall.action",{coId:1001},function(result){
                console.log(result);
                var chartDom = document.getElementById('main');
                var myChart = echarts.init(chartDom);
                var option;
                option = {
                    title: {
                        text: '',
                    },
                    tooltip: {},
                    legend: {
                        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: [
                            { name: '力量', max: 100},
                            { name: '忍耐力', max: 100},
                            { name: '敏感性', max: 100},
                            { name: '协调性', max: 100},
                            { name: '爆发性', max: 100}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data: [
                            {
                                value: result,
                                name: '指标'
                            }
                        ]
                    }]
                };

                option && myChart.setOption(option);
            });
        }

        function showOne2(){
            console.log();
            $.post("piephysicalall.action",{coId:1002},function(result){
                console.log(result);
                var chartDom = document.getElementById('main2');
                var myChart = echarts.init(chartDom);
                var option;
                option = {
                    title: {
                        text: '',
                    },
                    tooltip: {},
                    legend: {
                        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: [
                            { name: '力量', max: 100},
                            { name: '忍耐力', max: 100},
                            { name: '敏感性', max: 100},
                            { name: '协调性', max: 100},
                            { name: '爆发性', max: 100}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data: [
                            {
                                value: result,
                                name: '指标'
                            }
                        ]
                    }]
                };

                option && myChart.setOption(option);
            });
        }


        function showOne3(){
            console.log();
            $.post("piephysicalall.action",{coId:1003},function(result){
                console.log(result);
                var chartDom = document.getElementById('main3');
                var myChart = echarts.init(chartDom);
                var option;
                option = {
                    title: {
                        text: '',
                    },
                    tooltip: {},
                    legend: {
                        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: [
                            { name: '力量', max: 100},
                            { name: '忍耐力', max: 100},
                            { name: '敏感性', max: 100},
                            { name: '协调性', max: 100},
                            { name: '爆发性', max: 100}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data: [
                            {
                                value: result,
                                name: '指标'
                            }
                        ]
                    }]
                };

                option && myChart.setOption(option);
            });
        }

        function showOne4(){
            console.log();
            $.post("piephysicalall.action",{coId:1004},function(result){
                console.log(result);
                var chartDom = document.getElementById('main4');
                var myChart = echarts.init(chartDom);
                var option;
                option = {
                    title: {
                        text: '',
                    },
                    tooltip: {},
                    legend: {
                        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: [
                            { name: '力量', max: 100},
                            { name: '忍耐力', max: 100},
                            { name: '敏感性', max: 100},
                            { name: '协调性', max: 100},
                            { name: '爆发性', max: 100}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data: [
                            {
                                value: result,
                                name: '指标'
                            }
                        ]
                    }]
                };

                option && myChart.setOption(option);
            });
        }

        function showOne5(){
            console.log();
            $.post("piephysicalall.action",{coId:1005},function(result){
                console.log(result);
                var chartDom = document.getElementById('main5');
                var myChart = echarts.init(chartDom);
                var option;
                option = {
                    title: {
                        text: '',
                    },
                    tooltip: {},
                    legend: {
                        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: [
                            { name: '力量', max: 100},
                            { name: '忍耐力', max: 100},
                            { name: '敏感性', max: 100},
                            { name: '协调性', max: 100},
                            { name: '爆发性', max: 100}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data: [
                            {
                                value: result,
                                name: '指标'
                            }
                        ]
                    }]
                };

                option && myChart.setOption(option);
            });
        }

        function showOne6(){
            console.log();
            $.post("piephysicalall.action",{coId:1006},function(result){
                console.log(result);
                var chartDom = document.getElementById('main6');
                var myChart = echarts.init(chartDom);
                var option;
                option = {
                    title: {
                        text: '',
                    },
                    tooltip: {},
                    legend: {
                        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
                    },
                    radar: {
                        // shape: 'circle',
                        name: {
                            textStyle: {
                                color: '#fff',
                                backgroundColor: '#999',
                                borderRadius: 3,
                                padding: [3, 5]
                            }
                        },
                        indicator: [
                            { name: '力量', max: 100},
                            { name: '忍耐力', max: 100},
                            { name: '敏感性', max: 100},
                            { name: '协调性', max: 100},
                            { name: '爆发性', max: 100}
                        ]
                    },
                    series: [{
                        name: '',
                        type: 'radar',
                        // areaStyle: {normal: {}},
                        data: [
                            {
                                value: result,
                                name: '指标'
                            }
                        ]
                    }]
                };

                option && myChart.setOption(option);
            });
        }











    </script>


</head>
<body>
<%--<c:forEach items="${physicallist}" var="physical">--%>
    <div style="text-align: center;margin-bottom: 50px">
        <button class="btn btn-info" onclick="showOne()">方方</button>
    </div>
    <div id="main" style="width:200px;height: 200px; float: left; margin-left: 476px"></div>

<div style="text-align: center;margin-bottom: 50px">
    <button class="btn btn-info" onclick="showOne2()">贠一凡</button>
</div>
<div id="main2" style="width:200px;height: 200px; float: left; margin-left: 476px"></div>

<div style="text-align: center;margin-bottom: 50px">
    <button class="btn btn-info" onclick="showOne3()">徐飞</button>
</div>
<div id="main3" style="width:200px;height: 200px; float: left; margin-left: 476px"></div>

<div style="text-align: center;margin-bottom: 50px">
    <button class="btn btn-info" onclick="showOne4()">汉姆·坦克</button>
</div>
<div id="main4" style="width:200px;height: 200px; float: left; margin-left: 476px"></div>

<div style="text-align: center;margin-bottom: 50px">
    <button class="btn btn-info" onclick="showOne5()">乔治·乌兹</button>
</div>
<div id="main5" style="width:200px;height: 200px; float: left; margin-left: 476px"></div>

<div style="text-align: center;margin-bottom: 50px">
    <button class="btn btn-info" onclick="showOne6()">播求</button>
</div>
<div id="main6" style="width:200px;height: 200px; float: left; margin-left: 476px"></div>


<%--</c:forEach>--%>


</body>
</html>
